/*—————————————————————————————————————————————————————————— 登陆页面css ——————————————————————————————————————————————————————————*/

.Login {
  height: 100%;
  background-color: $white;
}

// 头部展示栏
// -----------------------------------------------------------------------------------------------------------
.Login-top {
  position: absolute;
  width: 939px;
  height: 35px;
  margin-top: 59px;
  color: $white;
}

// 第一个标题
// =========================================================================================
.Login-top-one {
  >i {
    width: 22px;
    height: 22px;
    margin-right: 11px;
  }
}

// 第二个标题
// =========================================================================================
.Login-top-two {
  width: 350px;
  height: 100%;
  font-size: 12px;

  >div>i {
    width: 11px;
    height: 11px;
    margin-right: 8px;
  }

  >div:nth-of-type(1)>i {
    background-image: url(../../assets/img/Icon.png);
  }

  >div:nth-of-type(3)>i {
    background-image: url(../../assets/img/Icon1.png);
  }

  >div:nth-of-type(4)>i {
    background-image: url(../../assets/img/Icon4.png);
  }
}


// 底层背景
// -----------------------------------------------------------------------------------------------------------
.Login-background {
  width: 98%;
  height: 521px;
  background: $themeColor;
  border-radius: 15px;
  margin-top: 24px;
}

// 内容
// =========================================================================================
.Login-background-top {
  width: 380px;
  margin-top: 124px;
  color: $white;
  text-align: center;

  // 欢迎语句
  >li:nth-of-type(1) {
    width: 80%;
    font-size: 32px;
    margin-bottom: 14px;
    text-align: right;
  }
}

// 登陆表单
// -----------------------------------------------------------------------------------------------------------
.Login-form {
  width: 453px;
  padding: 46px 71px;
  background: $white;
  box-shadow: 0px 7px 23px 0px rgba(0, 0, 0, 0.05);
  border-radius: 15px;
  position: absolute;
  margin-top: 279px;

  // 标题
  h3 {
    color: $themeColor;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 9px;
  }

  // 副标题
  p {
    color: $promptFontColor;
    text-align: center;
    margin-bottom: 35px;
  }
}

// 记住密码
// =========================================================================================
.Login-form-remember {
  display: flex;
  align-items: center;
  margin-bottom: 31px;

  >span {
    margin-left: 9px;
  }
}

// 末尾版本信息
// -----------------------------------------------------------------------------------------------------------
.Login-version {
  position: absolute;
  bottom: 52px;
  color: $promptFontColor;
  font-size: 12px;
  right: 405px;

  >span {
    margin-left: 24px;
  }
}